{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">📌</div>
      <div>
        <h1 class="h1" style="margin:0">My Records</h1>
        <div class="muted">{{ patient.full_name }}</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn btn-sm" href="{% url 'website:emr:patient_logout' %}">Logout</a>
      </div>
    </div>

    <div class="card" style="padding:12px;">
      <div class="h2" style="margin:0">Encounters</div>
      <div class="muted">Tap to view details</div>

      <div style="margin-top:10px; display:flex; flex-direction:column; gap:8px;">
        {% for e in encounters %}
          <a class="row" href="{% url 'website:emr:patient_encounter_detail' e.id %}">
            <div>
              <div style="font-weight:800">{{ e.visit_datetime|date:"M d, Y H:i" }}</div>
              <div class="muted">{{ e.chief_complaint|default:"Consultation" }}</div>
            </div>
            <div class="pill">{% if e.is_closed %}Closed{% else %}Open{% endif %}</div>
          </a>
        {% empty %}
          <div class="muted">No records yet.</div>
        {% endfor %}
      </div>
    </div>
  </div>
</section>
{% endblock %}